<template>
  <div>
    <!-- 图片上传组件辅助-->
    <el-upload
        class="avatar-uploader"
        :action="serverUrl"
        :name="img"
        :data="upload_data"
        :headers="header"
        :show-file-list="false"
        :on-success="uploadSuccess"
        :on-error="uploadError"
        :before-upload="beforeUpload">
    </el-upload>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        serverUrl: '',  // 这里写你要上传的图片服务器地址
        header: { token: sessionStorage.token } // 有的图片服务器要求请求头需要有token
      }
    },
    methods: {
      // 上传图片前
      beforeUpload(res, file) {
      },
      // 上传图片成功
      uploadSuccess(res, file) {
      },
      // 上传图片失败
      uploadError(res, file) {
      }
    }
  }
</script>